<template>
	<div>
		<div class="box">
			<Row>
				A:<Input v-model="a" placeholder=""></Input>
			</Row>
			<Row>
				B:<Input v-model="b" placeholder=""></Input>
			</Row>
		</div>
		<Button type="default" @click="add">操作</Button>
	</div>
</template>

<script>
export default {
	// props: ['value'],
	//emits: ['change', 'update:modelValue'],
	data() {
		return {
			a: 1,
			b: 2
		}
	},
	methods: {
		add() {
			//value版本修改
			// this.$emit('update:value', {
			// 	a: this.a,
			// 	b: this.b
			// })
			//默认修改
			this.$emit('update:modelValue', {
				a: this.a,
				b: this.b
			})
			this.$emit('change');
		}
	},
	mounted() {
		console.log(`this.value`, this.value);
		// this.a = this.value.a;
		// this.b = this.value.b;
	}
}
</script>
<style lang="scss" scoped>
.box {
	width: 100px;
	height: 100px;
}
</style>